
   <?php
       /* For user login if wrong redirect to index/login */
       if($_SERVER['REQUEST_METHOD'] == "POST")
       {
          if(!$login)
          {
            ?>
            <script type="text/javascript">
               showNotification({
                            message: "Invalid username & Password, Try to login again.",
                            type: "error",
                            autoClose: true,
                            duration: 2
                        });
            </script>
            <?php
          }
       }
       
   ?>
   <Br/>
<h1>Journal</h1>
<br/>
<div class="fl-module-category-wrapper">   
<ul class="fl-module-icon grid">
 <li>
  <figure>
    <div><img src="images/icon/acct-icon/salesbook.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Sales Book</h3>
           <br/>
          <a href="/request-view">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
<li>
  <figure>
    <div><img src="images/icon/acct-icon/purchasebook.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Purchase<Br/>Book</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
<li>
  <figure>
    <div><img src="images/icon/acct-icon/genjournal.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>General<Br/> Journal</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
 <li>
  <figure>
    <div><img src="images/icon/acct-icon/payroll.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Payroll</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/cashreceipt.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Cash<br/>Receipts<br/>Journal</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
 <li>
  <figure>
    <div><img src="images/icon/acct-icon/cashdisbursement.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Cash<br/>Disbursement<br/>Journal</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>

 <div class="clearfix"></div>
</ul>
</div>
<br/><br/>
<h1>Maintenance</h1>
<br/>
<div class="fl-module-category-wrapper">   
<ul class="fl-module-icon grid">
 <li>
  <figure>
    <div><img src="images/icon/acct-icon/payee-maintenance.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Payee Maintenance</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
 <li>
  <figure>
    <div><img src="images/icon/acct-icon/bank.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Bank</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
 <li>
  <figure>
    <div><img src="images/icon/acct-icon/customer.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Customer</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
 <li>
  <figure>
    <div><img src="images/icon/acct-icon/voucher.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Journal<br/>Voucher</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
 <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
  <li>
  <figure>
    <div><img src="images/icon/acct-icon/accttype.png" alt=""></div>
      <figcaption>
        <div class="fl-icon-button">
          <br/>
          <h3>Account Type</h3>
           <br/>
          <a href="#">View</a>
        </div>
      </figcaption>
  </figure>
 </li>
 <div class="clearfix"></div>
</ul>  
